<template>
  <view class="lightColour navTop" ref="navTop" id="navTop">
    <van-nav-bar
      title="个人资料"
      left-arrow
      fixed
      class="loginNav"
      ref="loginNav"
      @click-left="onClickLeft"
    />
    <div class="line"></div>
    <van-cell-group :border="false">
      <!-- <van-cell is-link title="实名认证" link-type="navigateTo" url="certification"/> -->
      <van-cell is-link title="用户名" link-type="navigateTo" url="userName"/>
      <van-cell is-link title="绑定手机号码" link-type="navigateTo" url="phone"/>
      <van-cell is-link title="收货地址" link-type="navigateTo" url="../../address/edit?edit=0"/>
    </van-cell-group>
    <div class="line"></div>
    <van-cell-group :border="false">                 
      <van-cell is-link title="绑定银行卡" link-type="navigateTo" url="bank">
        <img slot="icon" src="@/static/icon/yhk.png" class="custom-icon">
      </van-cell>
      <van-cell is-link title="微信账号" link-type="navigateTo" url="wx">
        <img slot="icon" src="@/static/icon/wx.png" class="custom-icon">
      </van-cell>
      <van-cell is-link title="支付宝账号" link-type="navigateTo" url="alipay">
        <img slot="icon" src="@/static/icon/zfb.png" class="custom-icon">
      </van-cell>
    </van-cell-group>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  onReady() {},
  methods: {
    onClickLeft() {
      uni.navigateBack();
    }
  }
};
</script>

<style lang="less">
.custom-icon{width: 50upx;height: 50upx;margin-right: 10upx;}
</style>
